<template>
  <div class="">
    我是父组件
    <p>
      <button @click="clickMe">拿到子组件的内容</button>
    </p>
    <hr />
    <!-- 第一步，在子组件上，写一个ref属性 -->
    <DefineExposeChild ref="childRef" />
  </div>
</template>

<script setup>
import { ref } from 'vue'
import DefineExposeChild from './DefineExposeChild.vue'

// 第一步：创建关联的ref
const childRef = ref(null)

const clickMe = () => {
  // Vue2 this.$refs.childRef.count++
  childRef.value.add()
}
</script>

<style scoped></style>
